.console {
  position: relative;
  display: flex;
  flex-direction: column;

  :global {
    .c-header {
      position: relative;
      height: 36px;
      line-height: 36px;
      padding: 0 16px;
    }
    .ch-time {
      color: #3c3c4399;
      font-size: 0.8em;
    }
    .c-content {
      height: 190px;
      overflow-y: auto;
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-color: rgba(0, 0, 0, 0.03);
      padding: 8px 16px;
      overflow-y: auto;

      pre {
        background-color: #000a2008;
        border-radius: 4px;
        padding: 16px;
      }
    }
    .c-footer {
      display: flex;
      justify-content: space-between;
      height: 44px;
      line-height: 44px;
      padding: 0 16px;
    }
    .cf-btn {
      color: #3c3c4399;
    }
    .console-arrow {
      display: inline-block;
      transition: all 0.3s;
      &.open {
        transform: rotate(180deg);
      }
    }
  }
}
